<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>my-works</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/es-icon.css" />
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<link rel="stylesheet" type="text/css" href="css/video.css" />
</head>

<body>
	<!--预加载 -->
	<div class="container-fluid preload">
		<div class="row">
			<img src="img/loading.gif">
			<p>已加载
				<span>0</span>%</p>
		</div>
	</div>

	<header class="es-header navbar">
		<div class="navba-center">
			<div class="navbar-header">
				<div class="visible-xs  navbar-mobile">
					<a href="javascript:;" class="navbar-more js-navbar-more">
						<i class="es-icon es-icon-menu"></i>
					</a>
					<div class="html-mask"></div>
					<div class="nav-mobile">
						<ul class="nav navbar-nav">
							<li class="">
								<a href="javascript:;">项目陈列</a>
							</li>
							<li class="">
								<a href="#">关于我</a>
							</li>
							<li class="">
								<a href="https://github.com/RocWangPeng">gitHub</a>
							</li>

							<li class="">
								<a href="https://www.leqianduan.com">blog</a>
							</li>
							<li class="">
								<a href="#">联系我</a>
							</li>
						</ul>
					</div>
				</div>
				<a href="/" class="navbar-brand">
					<img src="img/logo.jpg">
				</a>
			</div>
			<nav class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="">
						<a href="javascript:;">项目陈列</a>
					</li>
					<li class="">
						<a href="#">关于我</a>
					</li>
					<li class="">
						<a href="https://github.com/RocWangPeng">gitHub</a>
					</li>

					<li class="">
						<a href="https://www.leqianduan.com">blog</a>
					</li>
					<li class="">
						<a href="#">联系我</a>
					</li>
				</ul>
			</nav>
		</div>
	</header>

	<div class="videowrap">
		<div class="container">
			<p class="comm-title">不积跬步,无以至千里</p>
			<div class="zhufeng_video">
				<h2>一、项目陈列</h2>
				<ul class="clearfix">
					<!-- <li>
						<a href="javascript:;" target="_blank">
							<div class="pic">
								<img src="img/pic_css.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="个人轻博客">个人轻博客</h5>
								<h3 class="name">nodeJs+mongod全栈项目</h3>
								<img src="img/star.png" alt="">
								<p>技术:nodeJS、mongodb、axios</p>
								<div class="download">课程下载</div>
							</div>
						</a>
					</li>
					<li>
						<a href="javascript:;" target="_blank">
							<div class="pic">
								<img src="img/pic_js.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="移动端无人点餐">VUE无人点餐</h5>
								<h3 class="name">vue开发移动端点餐系统</h3>
								<img src="img/star.png" alt="">
								<p>技术:vue、vue-router、vuex</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./class/es6.html" target="_blank">
							<div class="pic">
								<img src="img/pic_es6.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="es6从入门到实战视频">es6从入门到实战视频</h5>
								<h3 class="name">授课讲师孟倩</h3>
								<img src="img/star.png" alt="">
								<p>快速掌握es6的实战视频
									<br/>125课时</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./class/ajax.html" target="_blank">
							<div class="pic">
								<img src="img/pic_ajax.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="Ajax精讲视频">Ajax精讲视频</h5>
								<h3 class="name">授课讲师周啸天</h3>
								<img src="img/star.png" alt="">
								<p>周啸天主讲
									<br/>125课时</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./class/vue.html" target="_blank">
							<div class="pic">
								<img src="img/pic_vue.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="珠峰VUE快速入门与实战">珠峰VUE快速入门与实战</h5>
								<h3 class="name">授课讲师姜文</h3>
								<img src="img/star.png" alt="">
								<p>快速入门VUE与实战
									<br/>共10课时</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./class/node.html" target="_blank">
							<div class="pic">
								<img src="img/pic_node.png" alt="">
							</div>
							<div class="info">
								<h5 title="Node.js入门与实战">Node.js入门与实战</h5>
								<h3 class="name">授课讲师张仁阳</h3>
								<img src="img/star.png" alt="">
								<p>张仁阳主讲
									<br/>100课时</p>
								<a href="https://pan.baidu.com/s/1c1T7ZMC" target="_blank" class="download">猛击详情</a>
							</div>
						</a>
					</li>

					<li>
						<a href="./class/react.html" target="_blank">
							<div class="pic">
								<img src="img/pic_es6.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="React快速入门与实战">React快速入门与实战</h5>
								<h3 class="name">授课讲师张仁阳</h3>
								<img src="img/star.png" alt="">
								<p>张仁阳主讲
									<br/>14课时</p>
								<a href="https://pan.baidu.com/s/1nv7QaAP#list/path=%2F" target="_blank" class="download">猛击详情</a>
							</div>
						</a>
					</li>


					<li>
						<a href="https://pan.baidu.com/s/1qYp4oO0" target="_blank">
							<div class="pic">
								<img src="img/pic_es6.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="前端面试题精讲视频">前端面试题精讲视频</h5>
								<h3 class="name">珠峰培训出品</h3>
								<img src="img/star.png" alt="">
								<p>轻松拿高薪系列，100道面试题精讲</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li>
					<li>
						<a href="videoDownload.html" target="_blank">
							<div class="pic">
								<img src="img/pic_web.jpg" alt="">
							</div>
							<div class="info">
								<h5 title="更多专业前端视频">更多专业前端视频</h5>
								<h3 class="name">珠峰培训经典视频系列</h3>
								<img src="img/star.png" alt="">
								<p>全部专业前端视频尽在珠峰培训</p>
								<div class="download">猛击详情</div>
							</div>
						</a>
					</li> -->
				</ul>
			</div>
		</div>
	</div>

	<!-- 导流页第二部分:课程简介和开课时间 -->
	<div class="coureWrap">
		<div class="container">
			<div class="course">
				<h2>二、简单介绍</h2>
				<p>王鹏,从事前端工作,爱好旅行以及一切富有创造性的事物。
					<br> 大学专业学习计算机，毕业直接踏入上海，初出茅庐,没方向,客服,销售,运营...都尝试了\
					<br> 通过工作的沉淀与自我的认知,重新规划,进入前端,拾起专业，并通过各种方式资源学习前端相关知识体系
					<br> 学习期间对各大主流电商网站进行整站模仿（淘宝，京东，小米...）
					<br> 实际工作中，进行各种项目开发，通过不断的实践与积累,让自己对前端的理解有了更深的领悟，前端的学习需要持之以恒，热爱并享受代码给带来的喜悦感，学习与生活一样，脚踏实地，不吹不捧，永远学习在路上...
				</p>
			</div>
		</div>
	</div>

	<div class="historyWrap">
		<div class="container">
			<div class="history">
				<h2>三、工作成长史</h2>
				<p>
					近期主要技术方向为::: 前端:vueJs, 后端:nodeJs+mongodb
				</p>
				<div class="zfBox">
					<div class="studyLine">
						<div class="studyDot newCourse">
							<div class="dot"></div>
							<div class="studyDotTime">2009-5-7</div>
							<div class="studyDotBox">
								<span class="videoName">
									<a href="javascript:;" target="_blank">没了...</a>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>
						<div class="studyDot newCourse">
							<div class="dot">&nbsp;</div>
							<div class="studyDotTime">2017-至今</div>
							<div class="studyDotBox" id="history-2017">
								<span class="videoName">
									<a href="javascript:;" target="_blank">泰顾网络科技---全栈开发工程师</a>
									<em>sfsfsf全栈开发工程师全栈开发工程师sf</em>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>
						<div class="studyDot newCourse">
							<div class="dot">&nbsp;</div>
							<div class="studyDotTime">2015-2017</div>
							<div class="studyDotBox" id="history-2015-2017">
								<span class="videoName">
									<a href="http://www.zhufengpeixun.cn/story/story212.html" target="_blank">上海载信软件科技---前端工程师</a>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>
						<div class="studyDot newCourse">
							<div class="dot">&nbsp;</div>
							<div class="studyDotTime">2014-2015</div>
							<div class="studyDotBox" id="history-2014-2015">
								<span class="videoName">
									<a href="javascript:;" target="_blank">前端生涯开始---上海茂碧软件---官网维护与SEO</a>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>
						<div class="studyDot newCourse">
							<div class="dot">&nbsp;</div>
							<div class="studyDotTime">2011-2014</div>
							<div class="studyDotBox" id="history-2011-2014">
								<span class="videoName">
									<a href="javascript:;" target="_blank">过去的历史...客服、销售、运营……</a>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>
						<div class="studyDot newCourse">
							<div class="dot">&nbsp;</div>
							<div class="studyDotTime">2011</div>
							<div class="studyDotBox">
								<span class="videoName">
									<a href="javascript:;" target="_blank">毕业了……</a>
								</span>
								<i class="dotCorrow">&nbsp;</i>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="banner" style="margin-top:30px;">
		<a href="javascript:;" target="_blank">
			<video width="100%" autoplay loop>
				<source src="resource/bg.mp4" type="video/mp4"></source>
			</video>
		</a>
	</div>

	<footer class="es-footer">
		<div class="footer-link">
			<div class="container">
				<div class="row">

					<div class="footer-logo hidden-sm hidden-xs">
						<a class="" href="javascript:;" target="_blank">
							<img src="img/logo.jpg">
						</a>
						<div class="footer-sns">
							<a href="javascript:;" target="_blank">
								<i class="es-icon es-icon-weibo"></i>
							</a>
							<a class="qrcode-popover top">
								<i class="es-icon es-icon-weixin"></i>
								<div class="qrcode-content">
									<img src="img/block_picture_1454149793.jpg?6.16.3" alt="">
								</div>
							</a>
							<a class="qrcode-popover top">
								<i class="es-icon es-icon-apple"></i>
								<div class="qrcode-content">
									<img src="img/block_picture_1454150008.png?6.16.3" alt="">
								</div>
							</a>
							<a class="qrcode-popover top">
								<i class="es-icon es-icon-android"></i>
								<div class="qrcode-content">
									<img src="img/block_picture_1454150018.png?6.16.3" alt="">
								</div>
							</a>
						</div>
					</div>

				</div>
			</div>
		</div>
	</footer>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>
